<template>
   <div style="margin: 20px">
    <baseForm :cloum="cloum" ref="baseForm"  v-model="form" name="upload_form"/>
   </div>
  <el-button @click="submit">
    查询
  </el-button>

</template>

<script>

import baseForm from '@/components/baseForm'
export default {
  components:{
    baseForm,

  },
  data() {
    return {
      cloum:[
        {
          name:'水果:',
          value_name:'fruits',
          type:2,
          placeholder:'请选择',
          list:[
            {
              label:'苹果',
              value:'1',
              id:'1'
            },
            {
              label:'香蕉',
              value:'2',
              id:'2'
            }
          ]
        },
        {
          name:'upload:',
          value_name:'city',
          type:2,
          hide:true,
          placeholder:'请选择',
        },
      ],
      form:{}
    };
  },
  methods: {
    submit(){
      console.log(this.form)
    },

  },
  watch: {
    form: {
      handler() {
        console.log(this.form,'this.form')
      },
      deep: true,
    }
  },
}
</script>
